<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>小米官网</title>
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="css/page.css"/>
    <link rel="stylesheet" href="css/common.css"/>
</head>
<body>
<div class="top">
    <div class="top-a">
        <ul class="top-b">
            <li><a href="#">小米网</a></li>
            <li>|</li>
            <li><a href="#">MIUI</a></li>
            <li>|</li>
            <li><a href="#">米聊</a></li>
            <li>|</li>
            <li><a href="#">游戏</a></li>
            <li>|</li>
            <li><a href="#">多看阅读</a></li>
            <li>|</li>
            <li><a href="#">云服务</a></li>
            <li>|</li>
            <li><a href="#">小米网移动版</a></li>
            <li>|</li>
            <li><a href="#">Select region</a></li>
            <li>|</li>
            <li><a href="#">米粉节答疑</a></li>
        </ul>
        <ul class="top-c">
            <li><a href="#">注册</a></li>
            <li>|</li>
            <li><a href="#">登录</a></li>
        </ul>
    </div>
</div>
<div class="da">
    <div class="top-d">
        <div class="top-d-a">
            <p>4月14日开放购买</p>
            <button>购物车</button>
        </div>
        <div class="top-d-b">
            <input type="text" placeholder="搜索您需要的商品"/>
            <span></span>
        </div>
    </div>

<div class="nav">
    <div class="nav-a">
        <a href="#">全部商品分类</a>
    </div>
    <div class="nav-b">
        <ul>
            <li><a href="#">首页</a></li>
            <li><a href="#">小米手机</a></li>
            <li><a href="#">红米</a></li>
            <li><a href="#">小米平板</a></li>
            <li><a href="#">小米电视</a></li>
            <li><a href="#">盒子</a></li>
            <li><a href="#">路由器</a></li>
            <li><a href="#">合约机</a></li>
            <li><a href="#">服务</a></li>
            <li><a href="#">社区</a></li>
        </ul>
    </div>
    <div class="nav-c">
        <div class="nav-c-a">
            <p>购买手机</p>
            <ul>
                <li><a href="#">小米Noto</a></li>
                <li><a href="#">小米4</a></li>
                <li><a href="#">红米</a></li>
                <li><a href="#">红米Noto</a></li>
            </ul>

        </div>
        <div class="nav-c-a">
            <p>购买电视与平板</p>
            <ul>
                <li class="nav3_xiao_li1"><a href="#">小米电视</a></li>
                <li><a href="#">小米盒子</a></li>
                <li><a href="#">小米平板</a></li>
            </ul>

        </div>
        <div class="nav-c-a">
            <p>路由器与智能硬件</p>
            <ul>
                <li class="nav3_xiao_li1"><a href="#">路由器</a></li>
                <li><a href="#">体重秤</a></li>
                <li><a href="#">净化器与滤芯</a></li>
            </ul>

        </div>
        <div class="nav-c-a">
            <p>插线板、移动电源与电池</p>
            <ul>
                <li class="nav3_xiao_li1"><a href="#">小米移动电源</a></li>
                <li><a href="#">电池</a></li>
                <li><a href="#">充电器</a></li>
            </ul>

        </div>
        <div class="nav-c-a">
            <p>耳机音箱与存储卡</p>
            <ul>
                <li class="nav3_xiao_li1"><a href="#">小米头戴式耳机</a></li>
                <li><a href="#">小米活塞耳机</a></li>
            </ul>

        </div>
        <div class="nav-c-a">
            <p>保护套与贴膜</p>
            <ul>
                <li class="nav3_xiao_li1"><a href="#">保护套/保护壳</a></li>
                <li><a href="#">贴膜</a></li>
                <li><a href="#">防尘塞</a></li>
            </ul>

        </div>
        <div class="nav-c-a">
            <p>后盖与个性化配件</p>
            <ul>
                <li class="nav3_xiao_li1"><a href="#">米键</a></li>
                <li><a href="#">后盖</a></li>
                <li><a href="#">贴纸</a></li>
                <li><a href="#">手机支架</a></li>
            </ul>

        </div>
        <div class="nav-c-a">
            <p>小米生活方式</p>
            <ul>
                <li class="nav3_xiao_li1"><a href="#">服装</a></li>
                <li><a href="#">米兔</a></li>
                <li><a href="#">背包</a></li>
                <li><a href="#">生活周边</a></li>
            </ul>

        </div>
        <div class="nav-d">

        </div>
        <div class="nav5">
            <div class="nav5_1"></div>
            <div class="nav5_2"></div>
            <div class="nav5_3"></div>
        </div>
    </div>
</div>
    <dl class="main">
        <dt>小米明星单品</dt>
        <dd>根据机型选配件</dd>
        <dd class="main_tu1"></dd>
        <dd class="main_tu2"></dd>
    </dl>
    <div class="mainOne row">
        <div class="mainOne_item">
            <img src="images/T1PxJvBCAT1RXrhCrK!220x220.jpg" alt=""/> <br/>

            <p class="mainOne_item_wz"><a href="#">小米智能插座</a></p>

            <p class="mainOne_item_wx"><a href="#">让普通家电变得智能</a></p>
        </div>
        <div class="mainOne_item">
            <img src="images/T1XYxTBsAT1RXrhCrK!220x220.jpg" alt=""/> <br/>

            <p class="mainOne_item_wz"><a href="#">小米空气净化器</a></p>

            <p class="mainOne_item_wx"><a href="#"><a href="#">高性能智能空气净化器立即预约</a></p>
        </div>

        <div class="mainOne_item">
            <img src="images/T1y0JTBy_T1RXrhCrK!220x220.jpg" alt=""/> <br/>

            <p class="mainOne_item_wz"><a href="#">小米活塞耳机简装版</a></p>

            <p class="mainOne_item_wx"><a href="#"><a href="#">好声音源自活塞式音腔，延续经典设计</a></p>

        </div>

        <div class="mainOne_item">
            <img src="images/T1kiWTBChT1RXrhCrK!220x220.jpg" alt=""/> <br/>

            <p class="mainOne_item_wz"><a href="#">小米路由器</a></p>

            <p class="mainOne_item_wx"><a href="#"><a href="#">顶级双屏幕AC智能路由器，内置1TB大硬盘</a></p>

        </div>

    </div>
    <dl class="new">
        <dt>新品上架</dt>
        <dd>更多&gt</dd>
    </dl>
    <div class="new_a">
        <div class="new_b">
            <div class="new_ba">
            </div>
            <a href="#">
                <div class="new_bb">
                    <p>小米手环<br>
                        79元</p>
                    <img src="images/T1qaVvB7CT1RXrhCrK!220x220.jpg" alt=""/>
                </div>
            </a>

            <div class="new_bc">
                <p>5周年米兔钥匙扣<br>
                    9.9元</p>
                <img src="images/yaoshi.png" alt=""/>
            </div>
            <div class="new_bd">
                <p>QCY派Q8蓝牙耳机<br>
                    59.9元</p>
                <img src="images/lanyaerji.png" alt=""/>
            </div>
            <div class="new_be">
                <p>小米T恤 路标MILogo<br>
                    39元</p>
                <img src="images/T1crEgBCYT1RXrhCrK!220x220.jpg" alt=""/>
            </div>
            <div class="new_bf">
                <p>小米4实木后盖<br>69元</p>
                <img src="images/T12qZvB7CT1RXrhCrK!220x220.jpg" alt=""/>
            </div>
            <div class="new_bg">
                <p>小米Note超薄保护壳<br>49元</p>
                <img src="images/baohuke.png" alt=""/>
            </div>
            <div class="new_bh">
                <p>小米自拍杆<br>49元</p>
                <img src="images/T1DrL_B4CT1RXrhCrK!220x220.jpg" alt=""/>
            </div>
            <div class="new_bi">
                <p>先锋CL31系列入耳式耳机<br>99元</p>
                <img src="images/T1GXxvBsET1RXrhCrK!220x220.jpg" alt=""/>
            </div>
        </div>
        <div class="new_c">
            <a href="#">
                <div class="new_ca">
                    <p class="new_casp">特价商品</p>
                    <H4>SanDisk32GB存...</H4>

                    <p class="new_ctejia">79元<span>109元</span></p>
                    <h6>还有更多特价商品</h6>
                </div>
            </a>
            <a href="#">
                <div class="new_ca" id="a">
                    <H4>特惠配件套装</H4>

                    <p>手机必备配件组合购买</p>
                    <h6>实惠更优惠</h6>
                </div>
            </a>
            <a href="#">
                <div class="new_ca" id="b">
                    <H4>我爱酷玩</H4>

                    <p>邂逅炫酷的电子产品</p>
                    <h6>结交趣味相投的朋友</h6>
                </div>
            </a>

            <div class="new_d">
                <div class="new_da">
                    <ul class="new_daa">
                        <li><a href="#">企业用户采购通道</a></li>
                        <li><a href="#">小米手机防伪查询</a></li>
                        <li><a href="#">小米手机官翻版</a></li>
                        <li><a href="#">小米路由器官司翻版</a></li>
                        <li><a href="#">米粉节红包</a></li>
                    </ul>
                    <ul class="new_dab">
                        <li>&gt</li>
                        <li>&gt</li>
                        <li>&gt</li>
                        <li>&gt</li>
                        <li>&gt</li>
                    </ul>
                </div>
                <div class="new_db">
                    <p class="new_db_wz">话费充值</p>
                    <input class="new_db_sr" placeholder="请输入号码" type="text"/>
                    <input class="new_db_ss" placeholder="100元" type="text"/>

                    <p class="new_db_wx">实付价格：<span>98.4</span>元起</p>
                    <button class="new_db_an">立即充值</button>
                </div>
            </div>
        </div>
    </div>
    <p class="dajia">大家都喜欢</p>

    <div class="dajia_a">
        <div class="dajia_b">
            <a href="#">
                <div class="dajia_ba"></div>
            </a>

            <div class="dajia_bb">
                <p class="dajia_bb_wz">
                    小米移动电源5000mAh<br>49元
                </p>
                <img class="dajia_bb_tu" src="images/T1pOWvBKET1RXrhCrK!220x220.jpg" alt=""/>
            </div>
            <div class="dajia_bc">
                <p class="dajia_bc_wz">
                    小米随身WIFI 8GB U盘版蓝色<br>49.9元
                </p>
                <img class="dajia_bc_tu" src="images/T1Zzd_ByCv1RXrhCrK!220x220.jpg" alt=""/>
            </div>
            <div class="dajia_bd">
                <p class="dajia_bd_wz">先锋SE-MJ512折叠头戴耳机<br>168元</p>
                <img class="dajia_bd_tu" src="images/T14yxTBsKT1RXrhCrK!220x220.jpg" alt=""/>
            </div>
            <div class="dajia_be">
                <p class="dajia_be_wz">
                    红米Note卡通主题背贴<br>39元
                </p>
                <img class="dajia_be_tu" src="images/T1.qV_B4AT1RXrhCrK!220x220.jpg" alt=""/>
            </div>
        </div>
        <div class="dajia_c">
            <div class="dajia_ca">
                <p class="dajia_ca_wz"><span>HOT</span> 热销商品排行</p>
            </div>
            <div class="dajia_cb">
                <span>1</span>

                <p>小钢炮蓝牙音箱<br>169元</p>
                <img src="images/yingxiang-.png" alt=""/>
            </div>
            <div class="dajia_cb">
                <span>2</span>

                <p>小米LED随身灯<br>19.9元</p>
                <img src="images/mideng.png" alt=""/>
            </div>
            <div class="dajia_cb">
                <span>3</span>

                <p>小蜜蜂手机支架<br>19元</p>
                <img src="images/mifeng-.png" alt=""/>
            </div>
            <div class="dajia_cb">
                <span>4</span>

                <p>米键<br>4.9元</p>
                <img src="images/mijian.png" alt=""/>
            </div>
            <div class="dajia_cb">
                <span>5</span>

                <p>二合一镜头<br>59元</p>
                <img src="images/pang.png" alt=""/>
            </div>
        </div>

    </div>
    <p class="hot">热评产品</p>

    <div class="hot-a row">
        <div class="hot-b">
            <p class="hot-b-wz">小米随身杯子</p>
            <span></span>

            <p class="hot-b-wx">5847人好评</p>
            <img src="images/T1_adTBvKT1RXrhCrK!220x220.jpg" alt=""/>

            <p class="hot-b-wa center">环保材质，密封防漏，携带方便，点个赞</p>
        </div>
        <div class="hot-b">
            <p class="hot-b-wz">小米商务真皮钱包</p>
            <span></span>

            <p class="hot-b-wx">4847人好评</p>
            <img src="images/T1nmhTBTKT1RXrhCrK!220x220.jpg" alt=""/>

            <p class="hot-b-wa center">款式好看，美观大方，是真皮的无误</p>
        </div>
        <div class="hot-b">
            <p class="hot-b-wz">小米4唯美蕾丝3D保护壳</p>
            <span></span>

            <p class="hot-b-wx">6847人好评</p>
            <img src="images/T1VkKvBvhT1RXrhCrK!220x220.jpg" alt=""/>

            <p class="hot-b-wa center">实物比图片更美好系列产品，哈哈哈哈，支持小米！</p>
        </div>
        <div class="hot-b">
            <p class="hot-b-wz">小米简约帆布腰包</p>
            <span></span>

            <p class="hot-b-wx">3847人好评</p>
            <img src="images/T14cLgBXKT1RXrhCrK!220x220.jpg" alt=""/>

            <p class="hot-b-wa center">斜挎也行围腰上也行，反正就是喜欢！</p>
        </div>
    </div>
    <p class="te">特价产品</p>

    <div class="te-a">
        <div>
            <p class="te-a-wz">省38元</p>

            <p class="te-a-wx ">红米必备套装<br>79元<span>117元</span></p>
            <img class="center" src="images/T1F9ZTBbxT1RXrhCrK!220x220.jpg" alt=""/>
        </div>
        <div>
            <p class="te-a-wz">省15.1元</p>

            <p class="te-a-wx ">fotopro手机相机支架套装<br>48.9元<span>64元</span></p>
            <img class="center" src="images/T1GtZvBvVT1RXrhCrK!220x220.jpg" alt=""/></div>
        <div>
            <p class="te-a-wz">省49元</p>

            <p class="te-a-wx ">大电池全能套装<br>129元<span>178元</span></p>
            <img class="center" src="images/T1icAvBTdT1RXrhCrK!220x220.jpg" alt=""/></div>
        <div>
            <p class="te-a-wz">省20元</p>

            <p class="te-a-wx ">小米快充套装<br>59元<span>79元</span></p>
            <img class="center" src="images/T1ipAvB_ZT1RXrhCrK!220x220.jpg" alt=""/></div>
    </div>
    <p class="book">多看图书</p>

    <div class="book-a">
        <div class="book-b">
            <p class="book-b-wz">《互联网+：小米案例版》<br>刘润<br>9.99元</p>
            <img class="center" src="images/hlws.jpg" alt=""/>

            <p class="book-b-wx center">多看独家首发！第一本讲述“互联网+”的书，小<br>米口述成功之道</p>
        </div>
        <div><p class="book-b-wz">《财经（2015年第9期）》<br>《财经》编辑部<br>3.99元</p>
            <img class="center" src="images/cj9s.jpg" alt=""/>

            <p class="book-b-wx center">全方位解密小米：战略，管理，供应链</p></div>
        <div><p class="book-b-wz">《雪球专刊牛市必备手册》<br>雪球用户<br>免费</p>
            <img class="center" src="images/nsbbs.jpg" alt=""/>

            <p class="book-b-wx center">全面带你看清后市；一个经历5轮牛熊市的股市老<br>兵：3600点之后何去何从</p></div>
        <div><p class="book-b-wz">《易中天中华史：三国纪》<br>易中天<br>7.99元</p>
            <img class="center" src="images/sgjs.jpg" alt=""/>

            <p class="book-b-wx center">《三国演义》背后 的历史真相是什么？易中天不扣<br>帽子，不斗忠奸，只讲真实！</p></div>
    </div>
    <p class="miui">MIUI主题</p>

    <div class="miui-a">
        <div class="miui-b">
            <p class="miui-b-wz">小米5周年<br>免费</p>
            <img class="center" src="images/4.7.2.2.jpg" alt=""/>
        </div>
        <div>
            <a href="#"></a>

            <p class="miui-b-wz">SimpleKu<br>6米币</p>
            <img class="center" src="images/4.9.2.png" alt=""/>
        </div>
        <a href="#">
            <div><p class="miui-b-wz">IOSMAX<br>3米币</p>
        </a>
        <img class="center" src="images/4.7.1.2.jpg" alt=""/></div>
    <a href="#">
        <div><p class="miui-b-wz">SimpleStyle<br>6米币</p>
            <img class="center" src="images/4.7.3.2.jpg" alt=""/></div>

</a>
</div>
</div>
</div>
<div class="end">
    <div class="end-a center">
        <div>
            <img class="center" src="images/10.png" alt=""/>

            <p class="center">一小时快修服务</p>
        </div>
        <div>
            <img class="center" src="images/11.png" alt=""/>

            <p class="center">7天无理由退货</p>
        </div>
        <div>
            <img class="center" src="images/12.png" alt=""/>

            <p class="center"> 15天免费换货</p>
        </div>
        <div>
            <img class="center" src="images/13.png" alt=""/>

            <p class="center"> 满150元包邮</p>
        </div>
        <div>
            <img class="center" src="images/14.png" alt=""/>

            <p class="center">520余家售后网点</p>
        </div>
    </div>
    <div class="end-b center">
        <div class="end-c">
            <ul>
                <li><a href="#">帮助中心</a></li>
                <li><a href="#">购物指南</a></li>
                <li><a href="#">支付方式</a></li>
                <li><a href="#">配送方式</a></li>
            </ul>
            <ul>
                <li><a href="#">服务支持</a></li>
                <li><a href="#">售后政策</a></li>
                <li><a href="#">自助服务</a></li>
                <li><a href="#">相关下载</a></li>
            </ul>
            <ul>
                <li><a href="#">小米之家</a></li>
                <li><a href="#">小米之家</a></li>
                <li><a href="#">服务网店</a></li>
                <li><a href="#">预约亲临到店的服务</a></li>
            </ul>
            <ul>
                <li><a href="#">关于小米</a></li>
                <li><a href="#">了解小米</a></li>
                <li><a href="#">加入小米</a></li>
                <li><a href="#">联系我们</a></li>
            </ul>
            <ul>
                <li><a href="#">关注我们</a></li>
                <li><a href="#">新浪微博</a></li>
                <li><a href="#">小米部落</a></li>
                <li><a href="#">官方微信</a></li>
            </ul>
        </div>
        <div class="end-d">
            <p class="end-d-dh">400-100-5678

            <p>周一至周日8：00-18：00</p>

            <p>仅收市话费</p>
            <a href="#">
                <button>24小时在线客服</button>
            </a>
        </div>
    </div>
    <div class="end-e center">
        <ul>
            <li>小米旗下网站：小米网</li>
            <li>|</li>
            <li><a href="#">MIUI</a></li>
            <li>|</li>
            <li><a href="#">米聊</a></li>
            <li>|</li>
            <li><a href="#">多看书城</a></li>
            <li>|</li>
            <li>小米路由器<a href="#"></a></li>
            <li>|</li>
            <li><a href="#">繁体香港</a></li>
            <li>|</li>
            <li><a href="#">繁体台湾</a></li>
            <li>|</li>
            <li><a href="#">English</a></li>
            <li>|</li>
            <li><a href="#">小米后院</a></li>
            <li>|</li>
            <li><a href="#">小米天猫店</a></li>
            <li>|</li>
            <li><a href="#">小米淘宝直营店</a></li>
            <li>|</li>
            <li><a href="#">小米网盟</a></li>
        </ul>
        <p>mi.com京ICP证110507号 京ICP备10046444号 京公网安备1101080212535号 京网文[2014]0059-0009号</p>
    </div>
    <div class="end-f center">
        <img src="images/16.png" alt=""/>
        <input placeholder="简单中文" type="text"/>
    </div>
</div>
</body>
</html>